<template>
  <div class="attachment-empty">
    <p>
      <el-image :src="EmptyBox"/>
    </p>
    <p>当前文件夹下暂无数据...</p>
  </div>
</template>

<script lang="ts">
import {reactive, toRefs, defineComponent} from 'vue';
import EmptyBox from "/@/assets/empty-box.svg"

export default defineComponent({
  name: 'attachmentEmptyData',
  setup(props, {emit}) {
    const state = reactive({});
    return {
      EmptyBox,
      ...toRefs(state),
    };
  },
});
</script>
<style lang="scss" scoped>
.attachment-empty {
  text-align: center;
  padding-top: 120px;

  .el-image {
    width: 100px;
  }

  p:last-child {
    font-size: 12px;
    color: #e8e8e8;
  }
}
</style>
